<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="Dashboard">
  <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
  <title>交通违规管理系统</title>

  <!-- Favicons -->
  <link href="img/favicon.png" rel="icon">
  <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Bootstrap core CSS -->
  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!--external css-->
  <link href="lib/font-awesome/css/font-awesome.css" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" href="lib/gritter/css/jquery.gritter.css" />
  <!-- Custom styles for this template -->
  <link href="css/style.css" rel="stylesheet">
  <link href="css/style-responsive.css" rel="stylesheet">
  <script src="lib/jquery/jquery.min.js"></script>
  <script src="layer/layer.js"></script>
</head>

<body>
  <section id="container">
    <!-- **********************************************************************************************************************************************************
        TOP BAR CONTENT & NOTIFICATIONS
        *********************************************************************************************************************************************************** -->
    <!--header start-->
    <header class="header black-bg">
      <div class="sidebar-toggle-box">
        <div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
      </div>
      <!--logo start-->
      <a href="index.html" class="logo"><b>DASH<span>IO</span></b></a>
      <!--logo end-->
      <div class="nav notify-row" id="top_menu">
        <!--  notification start -->
        <ul class="nav top-menu">
          <!-- settings start -->
          <li class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
              <i class="fa fa-tasks"></i>
              <span class="badge bg-theme">4</span>
              </a>
            <ul class="dropdown-menu extended tasks-bar">
              <div class="notify-arrow notify-arrow-green"></div>
              <li>
                <p class="green">You have 4 pending tasks</p>
              </li>
              <li>
                <a href="index.html#">
                  <div class="task-info">
                    <div class="desc">Dashio Admin Panel</div>
                    <div class="percent">40%</div>
                  </div>
                  <div class="progress progress-striped">
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                      <span class="sr-only">40% Complete (success)</span>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="index.html#">
                  <div class="task-info">
                    <div class="desc">Database Update</div>
                    <div class="percent">60%</div>
                  </div>
                  <div class="progress progress-striped">
                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                      <span class="sr-only">60% Complete (warning)</span>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="index.html#">
                  <div class="task-info">
                    <div class="desc">Product Development</div>
                    <div class="percent">80%</div>
                  </div>
                  <div class="progress progress-striped">
                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                      <span class="sr-only">80% Complete</span>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="index.html#">
                  <div class="task-info">
                    <div class="desc">Payments Sent</div>
                    <div class="percent">70%</div>
                  </div>
                  <div class="progress progress-striped">
                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                      <span class="sr-only">70% Complete (Important)</span>
                    </div>
                  </div>
                </a>
              </li>
              <li class="external">
                <a href="#">See All Tasks</a>
              </li>
            </ul>
          </li>
          <!-- settings end -->
          <!-- inbox dropdown start-->
          <li id="header_inbox_bar" class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
              <i class="fa fa-envelope-o"></i>
              <span class="badge bg-theme">5</span>
              </a>
            <ul class="dropdown-menu extended inbox">
              <div class="notify-arrow notify-arrow-green"></div>
              <li>
                <p class="green">You have 5 new messages</p>
              </li>
              <li>
                <a href="index.html#">
                  <span class="photo"><img alt="avatar" src="img/ui-zac.jpg"></span>
                  <span class="subject">
                  <span class="from">Zac Snider</span>
                  <span class="time">Just now</span>
                  </span>
                  <span class="message">
                  Hi mate, how is everything?
                  </span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="photo"><img alt="avatar" src="img/ui-divya.jpg"></span>
                  <span class="subject">
                  <span class="from">Divya Manian</span>
                  <span class="time">40 mins.</span>
                  </span>
                  <span class="message">
                  Hi, I need your help with this.
                  </span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="photo"><img alt="avatar" src="img/ui-danro.jpg"></span>
                  <span class="subject">
                  <span class="from">Dan Rogers</span>
                  <span class="time">2 hrs.</span>
                  </span>
                  <span class="message">
                  Love your new Dashboard.
                  </span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="photo"><img alt="avatar" src="img/ui-sherman.jpg"></span>
                  <span class="subject">
                  <span class="from">Dj Sherman</span>
                  <span class="time">4 hrs.</span>
                  </span>
                  <span class="message">
                  Please, answer asap.
                  </span>
                  </a>
              </li>
              <li>
                <a href="index.html#">See all messages</a>
              </li>
            </ul>
          </li>
          <!-- inbox dropdown end -->
          <!-- notification dropdown start-->
          <li id="header_notification_bar" class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
              <i class="fa fa-bell-o"></i>
              <span class="badge bg-warning">7</span>
              </a>
            <ul class="dropdown-menu extended notification">
              <div class="notify-arrow notify-arrow-yellow"></div>
              <li>
                <p class="yellow">You have 7 new notifications</p>
              </li>
              <li>
                <a href="index.html#">
                  <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                  Server Overloaded.
                  <span class="small italic">4 mins.</span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="label label-warning"><i class="fa fa-bell"></i></span>
                  Memory #2 Not Responding.
                  <span class="small italic">30 mins.</span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                  Disk Space Reached 85%.
                  <span class="small italic">2 hrs.</span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="label label-success"><i class="fa fa-plus"></i></span>
                  New User Registered.
                  <span class="small italic">3 hrs.</span>
                  </a>
              </li>
              <li>
                <a href="index.html#">See all notifications</a>
              </li>
            </ul>
          </li>
          <!-- notification dropdown end -->
        </ul>
        <!--  notification end -->
      </div>
      <div class="top-menu">
        <ul class="nav pull-right top-menu">
          <li><a class="logout" href="/admin/loginOut.udo">退出登陆</a></li>
        </ul>
      </div>
    </header>
    <!--header end-->
    <!-- **********************************************************************************************************************************************************
        MAIN SIDEBAR MENU
        *********************************************************************************************************************************************************** -->
    <!--sidebar start-->
    <aside>
      <div id="sidebar" class="nav-collapse ">
        <!-- sidebar menu start-->
        <ul class="sidebar-menu" id="nav-accordion">
          <p class="centered"><a href="profile.html"><img src="img/ui-sam.jpg" class="img-circle" width="80"></a></p>
          <h5 class="centered">Sam Soffes</h5>
          <li class="mt">
            <a href="index.html">
              <i class="fa fa-dashboard"></i>
              <span>控制台</span>
              </a>
          </li>

          <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-desktop"></i>
              <span>车辆管理</span>
              </a>
            <ul class="sub">
              <li><a href="car-list.html">车辆信息查看</a></li>
              <li><a href="car-insert.html">车辆信息新增</a></li>
              <li><a href="car-update.html">车辆信息修改</a></li>
              <li><a href="car-delete.html">车辆信息删除</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
                <i class="fa fa-desktop"></i>
                <span>交警管理</span>
            </a>
            <ul class="sub">
                <li><a href="police-list.html">交警信息查看</a></li>
                <li><a href="police-insert.html">交警信息新增</a></li>
                <li><a href="police-update.html">交警信息修改</a></li>
                <li><a href="police-delete.html">交警信息删除</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a class="active" href="javascript:;">
                <i class="fa fa-desktop"></i>
                <span>司机管理</span>
            </a>
            <ul class="sub">
                <li><a href="driver-list.html">司机信息查看</a></li>
                <li class="active"><a href="driver-insert.html">司机信息新增</a></li>
                <li><a href="driver-update.html">司机信息修改</a></li>
                <li><a href="driver-delete.html">司机信息删除</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
                <i class="fa fa-desktop"></i>
                <span>通知书管理</span>
            </a>
            <ul class="sub">
                <li><a href="notice-list.html">通知书信息查看</a></li>
                <li><a href="notice-insert.html">通知书信息新增</a></li>
                <li><a href="notice-update.html">通知书信息修改</a></li>
                <li><a href="notice-delete.html">通知书信息删除</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
                <i class="fa fa-desktop"></i>
                <span>处罚管理</span>
            </a>
            <ul class="sub">
                <li><a href="punishment-list.html">处罚信息查看</a></li>
                <li><a href="punishment-insert.html">处罚信息新增</a></li>
                <li><a href="punishment-update.html">处罚信息修改</a></li>
                <li><a href="punishment-delete.html">处罚信息删除</a></li>
            </ul>
          </li>
          <!--测试-->


          <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-cogs"></i>
              <span>组件</span>
              </a>
            <ul class="sub">
              <li><a href="grids.html">网格</a></li>
              <li><a href="calendar.html">日历</a></li>
              <li><a href="gallery.html">图画</a></li>
              <li><a href="todo_list.html">代办</a></li>
              <li><a href="dropzone.html">文件上传</a></li>
              <li><a href="inline_editor.html">编辑r</a></li>
              <li><a href="file_upload.html">多文件上传</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-book"></i>
              <span>额外</span>
              </a>
            <ul class="sub">
              <li><a href="blank.html">空白页</a></li>
              <li><a href="login.html">登陆</a></li>
              <li><a href="lock_screen.html">锁屏</a></li>
              <li><a href="profile.html">外格</a></li>
              <li><a href="invoice.html">发票</a></li>
              <li><a href="pricing_table.html">定价表</a></li>
              <li><a href="faq.html">FAQ</a></li>
              <li><a href="404.html">404 Error</a></li>
              <li><a href="500.html">500 Error</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-tasks"></i>
              <span>表单</span>
              </a>
            <ul class="sub">
              <li><a href="form_component.html">表单组件s</a></li>
              <li><a href="advanced_form_components.html">高级组件</a></li>
              <li><a href="form_validation.html">表单验证</a></li>
              <li><a href="contactform.html">联系表</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-th"></i>
              <span>数据表</span>
              </a>
            <ul class="sub">
              <li><a href="basic_table.html">基本表</a></li>
              <li><a href="responsive_table.html">响应表</a></li>
              <li><a href="advanced_table.html">高级表</a></li>
            </ul>
          </li>
          <li>
            <a href="inbox.html">
              <i class="fa fa-envelope"></i>
              <span>邮件</span>
              <span class="label label-theme pull-right mail-info">2</span>
              </a>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
              <i class=" fa fa-bar-chart-o"></i>
              <span>表格</span>
              </a>
            <ul class="sub">
              <li><a href="morris.html">联系表</a></li>
              <li><a href="chartjs.html">图表</a></li>
              <li><a href="flot_chart.html">流程图</a></li>
              <li><a href="xchart.html">图表</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-comments-o"></i>
              <span>聊天室</span>
              </a>
            <ul class="sub">
              <li><a href="lobby.html">大厅</a></li>
              <li><a href="chat_room.html">聊天室</a></li>
            </ul>
          </li>
          <li>
            <a href="google_maps.html">
              <i class="fa fa-map-marker"></i>
              <span>Google 地图</span>
              </a>
          </li>
        </ul>
        <!-- sidebar menu end-->
      </div>
    </aside>
    <!--sidebar end-->
    <!-- **********************************************************************************************************************************************************
        MAIN CONTENT
        *********************************************************************************************************************************************************** -->
    <!--main content start-->
    <section id="main-content" style="height: 688px;">
      <section class="wrapper">
        <div class="row mt">
          
          <form id="form">
            <div id="title_feature" style="margin-bottom: 10px;">
              &nbsp;西安科技大学交通违章管理系统<span style="font-weight: bold; color: salmon;">  >>>  </span>司机管理<span style="font-weight: bold; color: salmon;">  >>>  </span><span >司机信息增加:</span>
            </div>
            <div style="border:1px solid #CCC"></div>
              <div class="content">
                  <table style="width: 1000px; height: 300px;">
                      <tr class="tr_normal">
                          <td class="text-right">姓名:</td>
                          <td class="content_right"><input id="name" class="input" placeholder="请输入姓名"></td>
                      </tr>
                      <tr class="tr_normal">
                          <td class="text-right">驾驶证号:</td>
                          <td class="content_right"><input id="number" class="input" placeholder="请输入驾驶证号"></td>
                      </tr>
                      <tr class="tr_normal">
                          <td class="text-right">电话:</td>
                          <td class="content_right"><input id="phone" class="input" placeholder="请输入电话"></td>
                      </tr>
                      <tr class="tr_normal">
                          <td class="text-right">录入时间:</td>
                          <td class="content_right"><input type="datetime-local" id="time" class="input" ></td>
                      </tr>
                      <tr class="tr_normal">
                        <td class="text-right">邮编:</td>
                        <td class="content_right"><input id="postCard" class="input" placeholder="请输入邮编"></td>
                      </tr>
                      <tr class="tr_normal">
                        <td class="text-right">地址:</td>
                        <td class="content_right"><input id="address" class="input" placeholder="请输入地址"></td>
                      </tr>
                      <tr>
                          <td></td>
                          <td class="content_right">
                              <span id="load" class="btn btn-info">立即提交</span>
                          </td>
                      </tr>
                  </table>
              </div>
          </form>
        </div>
        <!--/ row -->
      </section>
      <!-- /wrapper -->
    </section>
    <!-- /MAIN CONTENT -->
    <!--main content end-->
    <!--footer start-->
    <footer class="site-footer">
      <div class="text-center">
        <p>
          &copy; Copyrights <strong>Dashio</strong>. All Rights Reserved
        </p>
        <div class="credits">
          Created with Dashio template by <a href="https://templatemag.com/">TemplateMag</a>
        </div>
        <a href="general.html#" class="go-top">
          <i class="fa fa-angle-up"></i>
          </a>
      </div>
    </footer>
    <!--footer end-->
  </section>
  <script>
    function checkPhone(phone) {
      var reg = new RegExp(/^1[3|4|5|7|8][0-9]{9}$/i);
      if (reg.test(phone))
        return true;
      layer.msg('电话格式错误')
      return false;
    }
    function checkNumber(number) {
      var reg = new RegExp(/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/);
      if (reg.test(number))
        return true;
      layer.msg('身份证格式错误')
      return false;
    }

    $('#phone').blur(function() {
      var phone = $(this).val();
      if(!checkPhone(phone))
        $(this).val('');
    })

    $(function () {
      $('#load').click(function () {
        var number = $('#number').val();
        var name = $('#name').val();
        var address = $('#address').val();
        var time = $('#time').val().replace(/T/, ' ');
        var postCard = $('#postCard').val();
        var phone = $('#phone').val();
        $.post('/driver/insert.udo', {
          number:number,
          name:name,
          address:address,
          time:time,
          postCard:postCard,
          phone:phone,
        }, function (data) {
          var result=eval("("+data+")");
          layer.msg(result.result);
          if (result.status == 0) {
            $('#name').val('');
            $('#number').val('');
            $('#address').val('');
            $('#time').val('');
            $('#postCard').val('');
            $('#phone').val('');
          }
        });
      });




    });

  </script>

  <script src="lib/bootstrap/js/bootstrap.min.js"></script>
  <script class="include" type="text/javascript" src="lib/jquery.dcjqaccordion.2.7.js"></script>
  <script src="lib/jquery.scrollTo.min.js"></script>
  <script src="lib/jquery.nicescroll.js" type="text/javascript"></script>
  <script src="lib/common-scripts.js"></script>
  <script type="text/javascript" src="lib/gritter/js/jquery.gritter.js"></script>
  <script type="text/javascript" src="lib/gritter-conf.js"></script>
</body>

</html>
